<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<ui:composition xmlns="http://www.w3.org/1999/xhtml"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:p="http://primefaces.org/ui"
    xmlns:shiro="http://shiro.apache.org/tags"
    template="../../templates/plantilla.xhtml">

	<ui:define name="content">
		<h:form id="formularioBase">
			<p:panel header="#{etq['sifeap.listadoconvenios.titulo']}" style="width:100%; text-align:left;">
				<div align="center">
				<h:panelGrid columns="1" id="conveniosPanel" style="width:475px;">
					<p:dataGrid var="convenio" value="#{listaConveniosManagedBean.listaConvenios}" columns="2" lazy="false"
				        rows="6" paginator="true" paginatorAlwaysVisible="true" emptyMessage="#{msj['sifeap.listadoconvenios.sinconvenios']}">  
				        <p:panel style="text-align:center;width:465px">
				            <h:panelGrid columns="2" style="width:100%" styleClass="smallfont">
				            	<h:graphicImage value="/ImagenConvenioServlet?idconvenio=#{convenio.idConvenio}" width="#{convenio.imagen == null ? '1px' : '80px'}" />
				            	<h:panelGrid columns="1" style="width:100%;text-align: left;">
				            		<h:outputText value="#{convenio.nombre}" style="font-weight: bold;" styleClass="normalfont" />
					            	<h:outputText value="#{convenio.nit != null ? '&lt;strong&gt;NIT: &lt;/strong&gt;'.concat(convenio.nit) : null}" escape="false" />
					                <h:outputText value="#{convenio.descripcion}" />
					                <h:outputText value="#{convenio.direccion != null ? '&lt;strong&gt;Direcci&oacute;n: &lt;/strong&gt;'.concat(convenio.direccion) : null}" escape="false" />
					                <h:outputText value="#{convenio.telefono != null ? '&lt;strong&gt;Tel&eacute;fono: &lt;/strong&gt;'.concat(convenio.telefono) : null}" escape="false" />
					                <h:outputText value="#{'&lt;strong&gt;Correo: &lt;/strong&gt;'.concat(convenio.correo)}" escape="false" />
					            </h:panelGrid>
				            </h:panelGrid>
				        </p:panel>
				    </p:dataGrid>
				</h:panelGrid>
				</div>
			</p:panel>
		</h:form>
	</ui:define>
</ui:composition>
